<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="/smpprouter/index.css" />
  <script type="text/javascript" src="/smpprouter/index.js"></script>
  <title>SMPP Router statistics</title>
</head>
<body>
<table class="process">
  <tr><th>Process statistics</th><th>Process command</th></tr>
  <tr>
    <td>
      <table class="ps">
        <tr>
          <th>PID</th>
          <th>%CPU</th>
          <th>%Memory</th>
          <th>Virtual memory, b</th>
          <th>Memory page, b</th>
          <th>Create time</th>
          <th>Command</th>
        </tr>
        <tr>
          <td id="ps_pid">---</td>
          <td id="ps_cpu">---</td>
          <td id="ps_mem">---</td>
          <td id="ps_vmem">---</td>
          <td id="ps_pmem">---</td>
          <td id="ps_time">---</td>
          <td id="ps_cmd">---</td>
        </tr>        
      </table>
    </td>
    <td>
      <table class="cmd">
        <tr>
          <th>
            <button id="cmd_start" onClick="startProcess();">Start</button>
          </th>
          <th>
            <button id="cmd_stop" onClick="stopProcess();">Stop</button>
          </th>
          <th>
            <button id="cmd_restart" onClick="restartProcess();">Restart</button>
          </th>
          <th>
            <button id="cmd_config" onClick="reloadConfig();">ReConfig</button>
          </th>          
        </th>
        <tr>
          <td colspan="4">Log size (<a id="log_size"></a>)</td>
        </tr>
      </table>
    </td>    
  </tr>
</table>
<table class="sessions">
  <tr><th>Started sessions</th></tr>
  <tr><td id="sess_content"></td></tr>
</table>
<table class="log">
  <tr><th>Log</th></tr>
  <tr><td><textarea id="log_content" readonly wrap="off"></textarea></td></tr>
  <!--<tr><td><button onClick="clearLog();">Clear log file</button></td></tr>-->
</table>
</body>
</html>
